<%@ page language="java" pageEncoding="utf-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
${aier_doctype}
<html <s:property value="aier_html_xmlns" escape="false"/>>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta content="${aier_keyworks}" name="keywords">
<meta content="${aier_description}" name="description">
<title>${aier_title}</title>
<link rel="stylesheet" href="${aier_css_url}${aier_jqui_css}ui.css" />
<link rel="Stylesheet" href="${aier_css_url}jq/jq.css" />
<link rel="stylesheet" href="${aier_css_url}social/module/jq-msg.css" />
<link rel="stylesheet" href="${aier_css_url}social/module/reset.css" />
<link rel="stylesheet" href="${aier_css_url}social/user/payPlatform/common.css" />
<link rel="stylesheet" href="${aier_css_url}social/user/payPlatform/icon.css" />
<link rel="stylesheet" href="${aier_css_url}social/user/payPlatform/pay.css" />

<script type="text/javascript" src="${aier_js_url}j.js"></script>
<script type="text/javascript" src="${aier_js_url}b.js"></script>
<script type="text/javascript" src="${aier_js_url}lib/block.js"></script>
<script type="text/javascript" src="${aier_js_url}jp/msg.js"></script>

<link rel="stylesheet" href="${aier_css_url}social/module/btn.css" />
<link rel="stylesheet" href="${aier_css_url}social/user/ujscb.css" />
<link rel="stylesheet" href="${aier_css_url}social/module/aier-ui.css" />
<script type="text/javascript" src="${aier_js_url}aier-ui.js"></script>
</head>
<!-- 选择订单 -->
<body class="view-ujscb">
	<!-- 顶栏 -->
	<s:action name="userhomecomm_homeHead" namespace="/user"
		executeResult="true"></s:action>
	<!-- 顶栏结束 -->

	<div class="window-content">

		<!-- wrap  -->
		<div class="wrap pay-content clearfix">

			<!-- ^^^左侧导航栏 -->
			<div class="nav-side">
				<!-- 家校联系簿（家长） 头像（孩子的） -->
				<div class="ujscb-userinfo">
					<dl class="clearfix">
						<dt style="" data-log="头像" class="avatar">
							<a href="${aier_url}user/uccomm_userCenter.shtml"> <img src="${get_picturl_url}small/${userInfo.headimg}"></a>
						</dt>

						<dd class="nickname">
							<a href="${aier_url}user/uccomm_userCenter.shtml">${userInfo.nickname}</a>
						</dd>
						
						<dd class="overage-status">
							<div class="explain">
								<span id = "edate"></span>
								<a>续费</a>
							</div>
						</dd>

					</dl>
				</div>
				<!-- / 管理员头像 -->
				<div class="ujscb-sidetab-parent">
					<div class="nav-item">
						<a class="btn btn-white-3" href="${aier_url}${aier_uri}userhscb_userChiHSConBook${aier_suffix}?buid=${buid}&bname=${bname}&cid=${cid}&edate=${edate}"><span>家校联系簿</span></a>
					</div>
					<div class="nav-item current">
						<a class="btn btn-white-3 " href="${aier_url}${aier_uri}pay_selOrders${aier_suffix}?buid=${buid}&bname=${bname}&cid=${cid}"><span>购买应用</span></a>
					</div>
					<div class="nav-item">
						<a class="btn btn-white-3 btn-dialog-usb-intro" href="javacript:void(0);"><span>应用介绍</span></a>
					</div>
					<div class="nav-item">
						<a class="btn btn-white-3" href="${aier_url}${aier_uri}pay_payRecode${aier_suffix}?buid=${buid}&bname=${bname}&cid=${cid}"><span>购买记录</span></a>
					</div>
				</div>
				<!-- ^^^应用介绍 -->
				<s:action name="userhscb_userHSCBintro" namespace="/user" executeResult="true"></s:action>
				<!-- $$$应用介绍 -->
				
			</div>
			<!-- $$$左侧导航栏 -->

			<div class="con-left">
				<div class="pay-main-middle">
					<div class="middle-title">
						<ol class="buy-process-bar">
							<li class="step-first ">1.选择订单 <span class="highlight"></span>
								<span class="arrow"></span></li>
							<li class="current">2.确认订单 <span class="highlight"></span> <span
								class="arrow arr-sel"></span></li>
							<li>3.支付订单 <span class="highlight"></span> <span
								class="arrow"></span></li>
							<li class="step-last">4.完成</li>
						</ol>
					</div>

					<div class="middle-line"></div>

					<div class="middle-content">
						<div class="con-table">
							<ul class="clearfix table-ul1">
								<li style="width: 100px;">付费账号</li>
								<li>开通宝宝</li>
								<li style="width: 100px;">单价</li>
								<li>付费模式</li>
								<li>开通时长</li>
								<li style="width: 100px;">有效期至</li>
								<li style="width: 90px;border-right-style: none;">应付金额</li>
							</ul>
							<ul class="clearfix table-ul2">
								<li style="width: 100px;">${paccount}</li>
								<li>${bname}</li>
								<li style="width: 100px;"><span style="color:#FF4D12">10</span> 元/月</li>
								<li>按月付费</li>
								<li>${bill.num} 个月</li>
								<li style="width: 100px;">${validity}</li>
								<li style="width: 90px;border-right-style: none;"><span style="color:#FF4D12">${bill.money}</span>元</li>
							</ul>
						</div>
						<div class="co-btn clearfix">
						<div style="margin-top: 30px;" onclick="subOrder();" class="subBtn">确认购买</div>
						</div>
					</div>
				</div>
			</div>
		<!-- 返回顶部 -->
		<s:action name="userhomecomm_backToTop" namespace="/user"
			executeResult="true"></s:action>
		<!-- end 返回顶部 -->
		</div>



		<!-- footer copyright -->
		<s:action name="userhomecomm_homeFooter" namespace="/user"
			executeResult="true"></s:action>
		<!-- /footer copyright -->
	</div>
<div class="layer-popup"></div>
</body>
<script type="text/javascript">
	var bid = "${bill.bid}"; 
	//选择按月付费显示输入框
	var pattern = /^[0-9]*$/;
	$("#soMonthRa").live("input", function() {
		var phoneNumber = $("#soMonthRa").val();
		if (!pattern.exec(phoneNumber)) {
			$("#soMonthRa").val("");
		}
	});

	function subOrder() {
		window.location.href = "${aier_url}${aier_urijs}userTenpay_GoTenpay${aier_suffix}?bill_id="+bid;
		//alert("${aier_url}${aier_urijs}userTenpay_GoTenpay${aier_suffix}");
		//var fun = function(data) {
		//};
		//exeAjax(ajaxUrl("${aier_url}${aier_urijs}userTenpay_GoTenpay${aier_suffix}"), fun, {
		//	"bill_id" : bid
		//});
	};
</script>
</html>